<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>充值</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta name="msapplication-tap-highlinght" content="no" />
	<script type="text/javascript" src="/static/js/jquery190.js"></script>
</head>
<style type="text/css">
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    font-size: 100%;
	    font: inherit;
	    font-family: arial,微软雅黑;
	    vertical-align: baseline;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	input, select, textarea {
	    font-size: 100%;
	    outline: none;
	    border: none;
	    background: none;
	}
	html{background:url(/static/images/hallbg.jpg) no-repeat center bottom,url(/static/images/bg.jpg);background-size:100%; height: 100%;}
	.top{margin:0 auto;}
	.main{margin:0 auto;width: 40vw; padding-top: 9.1vw;}
	.main img{width: 100%}
	.rad{background: url(/static/images/charge_menu.png)no-repeat;
		background-size:100%;display: block;width: 85.4vw;height: 23.1vw; margin:6.135vw auto 0;}
	.momey{color: red;width: 8vw;font-weight: bold;}
	.radi{display:inline-block;width: calc(82vw / 3);width: -webkit-calc(82vw / 3);width: -moz-calc(82vw / 3); height:23.1vw;margin:0;padding:0;cursor: pointer;}
	.imga{background: url(/static/images/selectted_icon.png)no-repeat 16vw 11.5vw;background-size:34%;}
	.lile{	margin:50.75vw 0 0 28.4vw;}
	.lile span{color: #FFF;font-size: 4.8vw;font-weight:bold;}
	.lile img{width: 31.3vw; margin:5.9vw auto 0;}
	.but{width: 31.3vw;height: 11.9vw;background:url(/static/images/charge_btn.png)no-repeat; background-size: 100%;margin:5.95vw 0 0 34.3vw;}
</style>
<body>
	<div class="top">
		<form action="{$formurl}" method="post" id="form1">
		<div class="main">
			<img src="/static/images/charge_icon.png">
		</div>
		<div class="rad">
			<div class="radi imga" value="10"><input type="hidden" name="type" value="1"/> </div>
			<div class="radi" value="50"><input type="hidden" name="type" value="2"/></div>
			<div class="radi" value="100"><input type="hidden" name="type" value="3"/></div>
		</div>
		<div class="lile">
			<span>剩余钻石：{$diamond}钻石</span><br/>
			<span>支付金额：<input class="momey" id="t" value="10" readonly="readonly"/>元</span><br/>
			
		</div>
			<input type="hidden" name="rcid" id="rcid"  value="1"/>
				<input type="hidden" name="oid" id="oid"  value="{$oid}">
		<input class="but" type="button" onclick="document.getElementById('form1').submit();"/>
		</form>
	</div>
	<script type="text/javascript">
		$(function(){
			$('.radi').click(function(){
				var count = $(this)[0].attributes[1].value;
				$('#t').val(count);
				$('.rad div').removeClass('imga');
				$(this).addClass('imga');
				$("#rcid")[0].value=$(this)[0].children[0].value;
			});
		});
	</script>
	<!-- <div style="width: 100%;height: 64px;background: red;position: absolute;bottom: 0;"></div> -->
</body>
</html>